<div class="max-w-sm rounded overflow-hidden shadow-lg">
    <img class="w-full" src="image/path.jpg" alt="{{ title }}">
    <div class="px-16 py-8">
        <div class="font-bold text-xl mb-4">{{ title }}</div>
        <p class="text-gray-700 text-base">{{ slot }}</p>
    </div>
    <div class="px-16 pt-8 pb-4">
        {{ if !slot:bottom }}
        <span class="inline-block bg-gray-200 rounded-full px-6 py-2 text-sm font-semibold text-gray-700 mr-4 mb-4">#tag1</span>
        <span class="inline-block bg-gray-200 rounded-full px-6 py-2 text-sm font-semibold text-gray-700 mr-4 mb-4">#tag2</span>
        <span class="inline-block bg-gray-200 rounded-full px-6 py-2 text-sm font-semibold text-gray-700 mr-4 mb-4">#tag3</span>
        {{ else }}
            {{ slot:bottom }}
        {{ /if }}
    </div>
</div>